<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@	page import="java.util.*"%>
<%
	Random rand = new Random();
	int num = rand.nextInt(100000);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="../css/style.css?v=<%=num%>" type="text/css">
<link rel="stylesheet" href="../css/form.css" type="text/css">
<script type="text/javascript" src="../js/jquery-1.3.2.min.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/jquery.columnfilters.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/jquery.jqGrid.min.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/yunyshaMaster.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/datepicker.js?v=<%=num%>"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('table#filterTable1').columnFilters({alternateRowClassNames:['rowa','rowb']});
	});
</script>
<style type="text/css">
table tr th {
	background-color: #d3DADE;
	padding: 3px;
}
table tr.rowb { background-color:#EAf2FD; }

table tr.filterColumns td { padding:2px; }

body { padding-bottom:150px; }

</style>

</head>
<body>
<jsp:include page="menu.jsp" /><div class="main_content">
<div>

<div align="center">
<table id="filterTable1" cellspacing="0" cellpadding="0">
<thead>
<tr>
	<th>Document Number</th>
	<th>Date</th>
	<th>Customer Code</th>  
	<th>Reference</th>
	<th>Customer Handled By</th>
</tr>
</thead>
<tfoot></tfoot>
<tbody>

<tr>
	<td>1</td><td>test 1</td><td>Active</td><td>North</td><td>Delhi</td>
</tr>

<tr>
	<td>2</td><td>Test 2</td><td>Active</td><td>North</td><td>Delhi</td>
</tr>

<tr>
	<td>3</td><td>Test 3</td><td>Active</td><td>West</td><td>Maharashtra</td>
</tr>
</tbody>
</table>

</div>

<ul id="thicktabs" style="margin-top:40px;margin-left:5px">
	<li><a id="tab-1" href="#" onclick="changeTabs('1')">Order Form</a></li>
	<li><a id="tab-2" href="#" onclick="changeTabs('2')">Order Details</a></li>
	<li><a id="tab-3" href="#" onclick="changeTabs('3')">Style Details</a></li>
	</ul>
<br style="clear: left" />
<div class="tab_div">
<div id="fragment-1" style="display:none">
<table>
<tr>
<td>Order Form No.</td>
<td>
<input type="text" id="name" class="text_field_required" size="31"/>
</td>
<td>Order Form Date</td>
<td><input class=""  value='' id="formDate"/><a href="#" onClick="scwShow(document.getElementById('formDate'),event);return false;">
    <img src="../images/calendericon.gif" align="Date" title="Date"></a>
</td>
</tr>
<tr>
<td>Reference</td>
<td>
<input type="text" id="name" class="text_field_required" size="31"/>
</td>
<td>Code</td>
<td>
<input type="text" id="name" class="text_field_required" size="31"/>
</td>
</tr>
<tr>
<td>Company</td>
<td>
<input type="text" id="name" class="text_field_required" size="31"/>
</td>
<td>Customer Handled By</td>
<td>
<input type="text" id="name" class="text_field_required" size="31"/>
</td>
</tr>
<tr>
<td>Order Issue Date</td>
<td><input class=""  value='' id="issueDate"/><a href="#" onClick="scwShow(document.getElementById('issueDate'),event);return false;">
    <img src="../images/calendericon.gif" align="Date" title="Date"></a>
</td>
</tr>
<tr>
<td>Customer Request Date</td>
<td><input class=""  value='' id="custReqDate"/><a href="#" onClick="scwShow(document.getElementById('custReqDate'),event);return false;">
    <img src="../images/calendericon.gif" align="Date" title="Date"></a>
</td>
<td>Production Request Date</td>
<td><input class=""  value='' id="prodReqDate"/><a href="#" onClick="scwShow(document.getElementById('prodReqDate'),event);return false;">
    <img src="../images/calendericon.gif" align="Date" title="Date"></a>
</td>
</tr>
<tr>
<td rowspan="3">&nbsp;</td>
<td align="right" width="53%"><a class="section_button" href="#" ><span><strong>&nbsp;&nbsp;Next&nbsp;&nbsp;</strong></span></a></td>
</tr>
</table>
</div>
<div id="fragment-2" style="display:none">
<table>

</table>
</div>
<div id="fragment-3" style="display:none">

</div>
</div>
<p class="iepara"></p>
</div>
</div>


<br />

</body>
</html:html>